<%@page import="java.util.ArrayList"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.text.DateFormat"%>
<%@page import="com.liferay.portal.service.UserLocalServiceUtil"%>
<%@page
	import="com.liferay.portlet.documentlibrary.service.DLFolderLocalServiceUtil"%>
<%@page import="com.liferay.portlet.documentlibrary.model.DLFolder"%>
<%@ include file="/html/quangcao_admin/init.jsp"%>
<%@page import="com.liferay.portal.model.User"%>
<%@page import="com.liferay.portal.service.RoleLocalServiceUtil"%>
<%@page import="com.liferay.portal.kernel.dao.orm.ProjectionFactoryUtil"%>
<%@page import="com.liferay.portal.kernel.dao.orm.PropertyFactoryUtil"%>
<%@page import="com.liferay.portal.kernel.dao.orm.ProjectionFactory"%>
<%@page import="com.liferay.portal.model.Role"%>
<%@page
	import="com.liferay.portal.kernel.dao.orm.DynamicQueryFactoryUtil"%>
<%@page import="com.liferay.portal.kernel.dao.orm.DynamicQuery"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui"%>
<%@ taglib uri="http://liferay.com/tld/portlet" prefix="liferay-portlet"%>
<%@ taglib uri="http://liferay.com/tld/security"
	prefix="liferay-security"%>
<%@ taglib uri="http://liferay.com/tld/theme" prefix="liferay-theme"%>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui"%>
<%@ taglib uri="http://liferay.com/tld/util" prefix="liferay-util"%>
<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script
	src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

<portlet:defineObjects />
<liferay-theme:defineObjects />
	<portlet:actionURL name="createQuangCao" var="createBannerURL">
</portlet:actionURL>

<%
	List<DLFolder> folder = DLFolderLocalServiceUtil.getFolders(themeDisplay.getPortletGroupId(), Long.parseLong("0"));

	List<User> danhSachKhachHang = new ArrayList<User>();
	List<Long> roleId=new ArrayList<Long>();
	if (UserLocalServiceUtil.hasRoleUser(themeDisplay.getCompanyId(),
			"Admin_QuangCao", themeDisplay.getUserId(), true) == true) {
		DynamicQuery layRoleId = DynamicQueryFactoryUtil
				.forClass(Role.class)
				.add(PropertyFactoryUtil.forName("name").eq(
						"KhachHang_QuangCao"))
				.setProjection(ProjectionFactoryUtil.property("roleId"));

		roleId = RoleLocalServiceUtil.dynamicQuery(layRoleId);
		danhSachKhachHang = UserLocalServiceUtil.getRoleUsers(roleId
				.get(0));
	}
%>
<div >
	<form id="formQuangCao" name="createQuangcao" method="post"
		action="<%=createBannerURL.toString()%>" enctype="multipart/form-data">

		<div class="formtitle">Tạo thông tin quảng cáo</div>
		<div class="select" id="idKhachHang">
			<div class="inputtext">Khách hàng</div>
			<div>
				<select name="author">
					<%
						for (int i = 0; i < danhSachKhachHang.size(); i++) {
					%>
					<option value="<%=danhSachKhachHang.get(i).getUserId()%>"><%=danhSachKhachHang.get(i).getScreenName()%></option>
					<%
						}
					%>
				</select>
			</div>
		</div>

		<div class="select">
			<div class="inputtext">Loại quảng cáo</div>
			<div>
				<select name="type" onchange="changeselectType(this.value)">
					<option value="images">Image</option>
					<option value="flash">Flash</option>
					<option value="video">Video</option>
					<option value="text">Text</option>
				</select>
			</div>
		</div>
		
		<div id="widthImages" class="input">
			<div class="inputtext">Chiều dài hình</div>
			<div class="inputcontent">
				<input placeholder="100" name="widthImage" type="text"/>
			</div>
		</div>
		<div  id="heightImages" class="input">
			<div class="inputtext">Chiều rộng hình</div>
			<div class="inputcontent">
				<input placeholder="100" name="heightImage" type="text" />
			</div>
		</div>
		<div class="input">
			<div class="inputtext">Tiêu đề</div>
			<div class="inputcontent">
				<input placeholder="Quảng cáo công ty smartworld"  type="text" name="title" />
			</div>
		</div>

		<div class="inputtextbox nobottomborder">
			<div class="inputtext">Mô tả</div>
			<div class="inputcontent">
				<aui:field-wrapper>
					<liferay-ui:input-editor name="destription"
						toolbarSet="liferay-article" initMethod="initEditor" width="300" />
				</aui:field-wrapper>
			</div>
		</div>

		<div class="input">
			<div class="inputtext">Link</div>
			<div class="inputcontent">
				<input value="http://" placeholder="www.smartworld.com.vn" name="link" type="text" />
			</div>
		</div>
		
		<div class="select">
			<div class="inputtext"> Chọn kiểu thanh toán </div>

			<div>
				<select name="select-type-end" onchange="changethanhtoan(this.value)">
					<option value="0" selected="selected">--Chọn kiểu thanh toán--</option>
					<option value="5">Thanh toán theo ngày</option>
					<option value="10">Thanh toán theo click</option>
				</select>
			</div>
		</div>
		
		<div id="limitClick" class="input">
			<div class="inputtext">Số lượng click đăng ký</div>
			<div class="inputcontent">
				<input placeholder="1000 click"  name="limitClick" type="text" />
			</div>
		</div>

		<div id="startDateQuangCao" class="input">
			<div class="inputtext">Từ ngày</div>
			<div class="inputcontent">
				<input placeholder="20-11-2013"  id="datepicker" name="startDate" type="text" />
			</div>
		</div>

		<div id="endDateQuangCao" class="input">
			<div class="inputtext">Đến ngày</div>
			<div class="inputcontent">
				<input placeholder="1-2-2014" id="datepicker1" name="endDate" type="text" />
			</div>
		</div>

		<div class="select">
			<div class="inputtext">Chọn folder</div>
			<div>
				<select name="folder" >
					<option value="ImageQuangCao">Image Quảng Cáo</option>
					<option value="FlashQuangCao">Flash Quảng Cáo</option>
					<option value="VideoQuangCao">Video Quảng Cáo</option>
					<option value="TextQuangCao">Text Quảng Cáo</option>
				</select>
			</div>
		</div>

		<div class="file">
			<div class="inputtext">File</div>
			<input accept="jpeg|gif|png|jpg|icon|ico|swf" type="file"
				name="fileName" />
		</div>
		<div class="select">
			<div class="inputtext">	
				<%=LanguageUtil.format(pageContext,"chon-loai-trang-thai", new Object())%>
			</div>
			<select name="status">
				<option label="pending" value="pending">pending</option>
				<option label="approved" value="approved">approved</option>
				<option label="publish" value="publish">publish</option>
				<option label="delete" value="delete">delete</option>
			</select>
		</div>
		<div class="buttons">
			<input class="orangebutton" type="submit" value="Tạo" />
		</div>
	</form>
</div>


<script>

	function changeselectType(value) {
		if (value == "images") {
			$("#widthImages").show();
			$("#heightImages").show();
		}
		else {
			$("#widthImages").hide();
			$("#heightImages").hide();
		}
	}

	function changethanhtoan(value) {
		if (value == "5") {
			$("#startDateQuangCao").show();
			$("#endDateQuangCao").show();
			$("#limitClick").hide();
		} else {
			if (value == "10") {
				$("#limitClick").show();
				$("#startDateQuangCao").hide();
				$("#endDateQuangCao").hide();
			} else {
				$("#startDateQuangCao").hide();
				$("#endDateQuangCao").hide();
				$("#limitClick").hide();
			}

		}
	}
$(function() {
		
		$("#widthImages").show();
		$("#heightImages").show();
		
		$("#limitClick").hide();
		$("#startDateQuangCao").hide();
		$("#endDateQuangCao").hide();
	
		$("#datepicker").datepicker({
			dateFormat : 'dd-mm-yy'
		});
		$("#datepicker1").datepicker({
			dateFormat : 'dd-mm-yy'
		});
		$('#formQuangCao').validate({
			errorElement : "span",
			rules : {
				title : {
					required : true,
				},
				startDate : {
					required : true,
				},
				link : {
					required : true,
					url : true,
				},
				endDate : {
					required : true,
				},
				countClick : {
					number : true,
				}
			},
		/* 			submitHandler : function(form) {
		 alert('form submitted via ajax');
		 return false; // blocks redirect after submission via ajax
		 } */
		});
	});

	jQuery.extend(jQuery.validator.messages, {
		required : "Vui lòng nhập",
		remote : "Vui lòng nhập lại",
		email : "Địa chỉ email không hợp lệ",
		url : "URL không hợp lệ",
		date : "",
		dateISO : "Hãy nhập ngày (ISO).",
		number : "Dữ liệu là số",
		digits : "Dữ liệu là chữ số",
		creditcard : "Hãy nhập số thẻ tín dụng.",
		equalTo : "Dữ liệu nhập lại không hợp lệ",
		accept : "Chọn file hình ảnh",
		maxlength : jQuery.format("Tối thiểu {0} kí tự"),
		minlength : jQuery.format("Tối đa {0} kí tự"),
		rangelength : jQuery.format("Hãy nhập từ {0} đến {1} kí tự"),
		range : jQuery.format("Giá trị từ {0} đến {1}."),
		max : jQuery.format("Hãy nhập từ {0} trở xuống."),
		min : jQuery.format("Hãy nhập từ {1} trở lên.")
	});
</script>